/* banner */
.bannerpic{padding-bottom: 650px;}

@media only screen and (max-width:1440px){
.bannerpic{padding-bottom:45%;}
}
@media only screen and (max-width:768px){
.banner{display: block;}
}

/* title */
.w1920 .title{width: 100%;text-align: center;line-height: 1;}
.w1920 .title span{display: block;font-size: 14px;color: #808080;text-transform: uppercase;}
.w1920 .title p{width: 100%;max-width: 420px;position: relative;margin: 0 auto;overflow: hidden;}
.w1920 .title p i{display: block;width: 60px;height: 35px;border-bottom: 1px solid #999;float: left;}
.w1920 .title p a{font-size: 40px;font-weight: 600;float: left;padding: 15px 5px;display: block;width: 300px;}
.w1920 .title em{display: block;}
.w1920 .title em svg{height: 16px;line-height: 16px;margin-top: -5px;color: #062f80;}

@media only screen and (max-width:1250px){
.w1920 .title p{max-width: 320px;}
.w1920 .title p i{height: 30px;}
.w1920 .title p a{font-size: 30px;width: 200px;}
.w1920 .title em svg{font-size: 14px;}
}
@media only screen and (max-width:1024px){
.w1920 .title span{font-size: 12px;}
.w1920 .title p::before,
.w1920 .title p::after{content: "";width: 50px;height: 1px;background: #999;position: absolute;top: 50%;}
.w1920 .title p::before{left: 0;}
.w1920 .title p::after{right: 0;}
.w1920 .title p i{display: none;}
.w1920 .title p a{width: 100%;padding: 11px;}
}
@media only screen and (max-width:480px){
.w1920 .title p{max-width: 300px;}
.w1920 .title p::before,
.w1920 .title p::after{width: 60px;}
.w1920 .title p a{padding: 10px;font-size: 24px;}
}

/* product */
.productbox{padding: 60px 0;}
.productbox .probox .titl{width: 100%;text-align: center;border-bottom: 1px solid #062f80;overflow: hidden;}
.productbox .probox .titl p{float: left;font-size: 18px;font-weight: 600;color: #666;position: relative;}
.productbox .probox .titl p a{display: block;padding: 15px 25px 14px;line-height: 30px;white-space: nowrap;}
.productbox .probox .titl p em{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.productbox .probox .titl p.on a{background: #062f80;color: #fff;padding: 15px 35px 14px;}
.productbox .probox .titl p.on em{width: 0;}
.productbox .probox .titl span{float: right;}
.productbox .probox .titl span a{color: #808080;font-weight: 600;font-family: Arial;display: block;float: right;height: 59px;line-height: 60px;}
.productbox .probox .titl span:hover a{color: #f2a200;}

.productbox .probox .hideimg{width: 100%;height: 0;overflow: hidden;text-align: center;}
.productbox .probox .hideimg p{width: 100%;height: 100%;}
.productbox .probox .hideimg img{max-width: 100%;max-height: 100%;}

.productbox .probox ul{width: 102%;margin: 0 -1%;overflow: hidden;display: none;padding-top: 10px;}
.productbox .probox ul.on{display: block;}
.productbox .probox ul li{width: 25%;float: left;padding: 1% 1% .5%;text-align: center;}
.productbox .probox ul li a{display: block;width: 100%;overflow: hidden;padding: 5px;background: #e6e6e6;}
.productbox .probox ul li p{width: 100%;background: #fff;overflow: hidden;}
.productbox .probox ul li p em img{max-width: 80%;max-height: 80%;}
.productbox .probox ul li h3{width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 15px;font-weight: 600;color: #666;line-height: 45px;padding-top: 5px;}
.productbox .probox ul li:hover a{background: #062f80;}
.productbox .probox ul li:hover h3{color: #fff;}

@media only screen and (min-width:1025px){
.productbox .clabox{width: 25%;max-width: 260px;float: left;text-transform: uppercase;}
.productbox .clabox .titl{text-align: center;color: #fff;padding: 20px 0 5px;background: #062f80;}
.productbox .clabox .titl span{font-size: 12px;color: rgba(255,255,255,.75);line-height: 20px;display: block;}
.productbox .clabox .titl p{width: 190px;margin: 0 auto;position: relative;overflow: hidden;}
.productbox .clabox .titl p a{display: block;width: 130px;font-size: 24px;font-weight: 600;line-height: 40px;color: #fff;float: left;}
.productbox .clabox .titl p i{display: block;width: 30px;height: 21px;float: left;border-bottom: 1px solid #fff;}
.productbox .clabox .titl em{display: none;}

.productbox .clabox .list{padding: 10px;background: #062f80;}
.productbox .clabox .list ul{width: 100%;background-color: #fff;border-radius: 3px;padding: 10px 10px 0;}
.productbox .clabox .list ul li{width: 100%;position: relative;z-index: 1;margin-bottom: 10px;}
.productbox .clabox .list ul li h2{width: 100%;position: relative;overflow: hidden;}
.productbox .clabox .list ul li h2 a{display: block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productbox .clabox .list ul li h2 span{position: absolute;width: 20px;font-size: 14px;color: #aaa;top: 50%;margin-top: -20px;}
.productbox .clabox .list ul li h2 span svg{height: 40px;line-height: 40px;}
.productbox .clabox .list ul li .f1 a{background: #062f80;color: #fff;padding: 0 25px 0 10px;border-radius: 3px;font-weight: 600;font-size: 15px;line-height: 44px;}
.productbox .clabox .list ul li .f1 span{right: 0;color: #fff;width: 22px;}
.productbox .clabox .list ul li dl{width: 100%;padding: 5px 0;margin-bottom: -10px;}
.productbox .clabox .list ul li .f2 span{left: 0;text-align: right;}
.productbox .clabox .list ul li .f2 a{line-height: 30px;padding-left: 25px;}
.productbox .clabox .list ul li:hover .f1 a{background: #f2a200;}
.productbox .clabox .list ul li .f2 a:hover{color: #f2a200;font-weight: 600;}

.productbox .probox{width: 74%;float: right;}
}
@media only screen and (min-width:1251px){
.productbox .clabox{width: 20%;}
.productbox .clabox .list ul li .f1 a{line-height: 40px;}
.productbox .probox{width: 79%;}
}

@media only screen and (max-width:1440px){
.productbox{padding: 45px 0;}
.productbox .probox ul{width: 101%;margin: 0 -.5%;}
.productbox .probox ul li{padding: 1% .5% 0;}
}
@media only screen and (max-width:1250px){
.productbox{padding: 40px 0;}
.productbox .probox .titl p{font-size: 16px;}
.productbox .probox .titl p a{display: block;padding: 10px 15px 9px;}
.productbox .probox .titl p.on a{padding: 10px 25px 9px;}
.productbox .probox .titl span a{height: 49px;line-height: 50px;}
.productbox .probox ul{width: 102%;margin: 0 -1%;}
.productbox .probox ul li{width: 33.33%;padding: 1% 1% 0;}
.productbox .probox ul li p em{padding-bottom: 85%;}
.productbox .probox ul li h3{font-size: 14px;line-height: 30px;}
}
@media only screen and (max-width:1024px){
.productbox{padding: 40px 0;}
.productbox .clabox{width: 100%;position: relative;z-index: 5;text-align: center;}
.productbox .clabox .titl{width: 100%;line-height: 1;}
.productbox .clabox .titl span{display: block;font-size: 12px;text-transform: uppercase;color: #808080;}
.productbox .clabox .titl p{width: 100%;max-width: 300px;margin: 0 auto;position: relative;}
.productbox .clabox .titl p i{display: none;}
.productbox .clabox .titl p a{display: block;font-size: 30px;font-weight: 600;padding: 11px 0;letter-spacing: 2px;}
.productbox .clabox .titl p::before,
.productbox .clabox .titl p::after{content: "";width: 65px;height: 1px;background: #999;position: absolute;top: 50%;}
.productbox .clabox .titl p::before{left: 0;}
.productbox .clabox .titl p::after{right: 0;}
.productbox .clabox .titl em{display: block;height: 13px;margin-top: -2px;}
.productbox .clabox .titl em svg{font-size: 14px;height: 13px;line-height: 13px;color: #062f80;}

.productbox .clabox .list{width: 100%;padding: 20px 0 30px;}
.productbox .clabox .list ul{width: calc(100% + 2px);margin: 0 -1px;}
.productbox .clabox .list ul li{width: 25%;float: left;padding: 1px;position: relative;z-index: 1;}
.productbox .clabox .list ul li h2 span{display: none;}
.productbox .clabox .list ul li a{display: block;width: 100%;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.productbox .clabox .list ul li .f1 a{background: #062f80;padding: 10px 5px;font-size: 15px;font-weight: 600;}
.productbox .clabox .list ul li dl{position: absolute;left: 1px;top: 100%;width: calc(100% - 2px);background: #365fb3;opacity: 0;}
.productbox .clabox .list ul li dl::after{content: "";width: 100%;height: 52px;position: absolute;left: -1px;top: -52px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.productbox .clabox .list ul li dl a{padding: 0 5px;height: 0;background: #174299;}
.productbox .clabox .list ul li dl a:hover{background: #f2a200;}
.productbox .clabox .list ul li:hover{z-index: 5;}
.productbox .clabox .list ul li:hover dl{opacity: 1;}
.productbox .clabox .list ul li:hover dl::after{width: 0;}
.productbox .clabox .list ul li:hover dl a{height: 50px;margin-bottom: 1px;padding: 10px 5px;}

.productbox .probox .titl{border-right: 1px solid #fff;}
.productbox .probox .titl p{width: 32%;}
.productbox .probox .titl p a{display: block;padding: 15px 10px 14px;background: #f5f5f5;border-left: 1px solid #fff;}
.productbox .probox .titl p.on a{padding: 15px 10px 14px;}
.productbox .probox .titl p.on{width: 36%;}
.productbox .probox .titl span{display: none;}
.productbox .probox ul{width: 101%;margin: 0 -.5%;padding-top: 15px;}
.productbox .probox ul li{padding: .5%;}
.productbox .probox ul li p em{padding-bottom: 100%;}
.productbox .probox ul li h3{line-height: 40px;}
}
@media only screen and (max-width:768px){
.productbox{padding: 35px 0;}
.productbox .clabox .list{padding: 15px 0 25px;}
.productbox .clabox .list ul li{width: 33.33%;}

.productbox .probox .titl p a,
.productbox .probox .titl p.on a{padding: 10px 5px 9px;}
.productbox .probox ul li{width: 50%;}
.productbox .probox ul li h3{line-height: 36px;}
}
@media only screen and (max-width:480px){
.productbox{padding: 30px 0;}
.productbox .clabox .titl span{letter-spacing: -1px;}
.productbox .clabox .titl p a{font-size: 24px;padding: 10px 0;}
.productbox .clabox .titl p::before,
.productbox .clabox .titl p::after{width: 75px;}

.productbox .clabox .list{padding: 15px 0 20px;}
.productbox .clabox .list ul li{width: 50%;}
.productbox .clabox .list ul li .f1 a{padding: 8px 5px;}
.productbox .clabox .list ul li:hover dl a{height: 46px;padding: 8px 5px;}

.productbox .probox .titl p a{font-size: 15px;padding: 8px 5px 7px;}
.productbox .probox .titl p.on a{padding: 8px 5px 7px;}
.productbox .probox ul{width: calc(100% + 2px);margin: 0 -1px;}
.productbox .probox ul li{width: 50%;padding: 1px;}
.productbox .probox ul li h3{line-height: 30px;}
}

/* proarea */
.proareabox{background: #f7f7f7;padding: 55px 0 50px;}
.proareabox .w1440{padding-top: 20px;}
.proareabox ul{width: 103%;margin: 0 -1.5%;}
.proareabox ul li{width: 33.33%;padding: 15px 1.5%;float: left;}
.proareabox ul li a{display: block;border-bottom: 4px solid #e6e6e6;width: 100%;overflow: hidden;position: relative;color: #666;}
.proareabox ul li p{width: 100%;overflow: hidden;}
.proareabox ul li p em{padding-bottom: 65%;}
.proareabox ul li p em img{max-width: none;min-width: 100%;}
.proareabox ul li h3{width: 100%;line-height: 30px;padding: 13px 0;font-size: 15px;font-weight: 600;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.proareabox ul li span{text-align: right;position: absolute;right: 0;bottom: 15px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.proareabox ul li span svg{font-size: 14px;height: 24px;line-height: 24px;}
.proareabox ul li:hover a{border-color: #062f80;color: #062f80;}
.proareabox ul li:hover h3{padding: 13px 15px;}
.proareabox ul li:hover span{right: 15px;}

@media only screen and (max-width:1440px){
.proareabox{padding: 50px 0;}
.proareabox ul{width: 102%;margin: 0 -1%;}
.proareabox ul li{padding: 10px 1%;}
.proareabox ul li h3{padding: 10px 0;}
.proareabox ul li span{bottom: 12px;}
.proareabox ul li:hover h3{padding: 10px 15px;}
}
@media only screen and (max-width:1250px){
.proareabox{padding: 40px 0 35px;}
.proareabox .w1440{padding-top: 15px;}
.proareabox ul li h3{padding: 5px 0;}
.proareabox ul li:hover h3{padding: 5px 10px;}
.proareabox ul li span{bottom: 7px;}
.proareabox ul li:hover span{right: 10px;}
}
@media only screen and (max-width:1024px){
.proareabox ul{width: 101%;margin: 0 -.5%;}
.proareabox ul li{padding: 5px .5%;}
}
@media only screen and (max-width:768px){
.proareabox ul{width: calc(100% + 10px);margin: 0 -5px;}
.proareabox ul li{width: 50%;padding: 5px;}
.proareabox ul li:hover h3{padding: 5px 10px;}
}
@media only screen and (max-width:480px){
.proareabox{padding: 30px 0 25px;}
.proareabox .w1440{padding-top: 10px;}
.proareabox ul li h3{padding: 3px 0;font-size: 14px;}
.proareabox ul li:hover h3{padding: 3px 5px;}
.proareabox ul li span{bottom: 5px;}
.proareabox ul li:hover span{right: 5px;}
}

/* advantage */
.advantagebox{background: url(../images/bg1.jpg) center no-repeat;background-attachment: fixed;padding: 65px 0;text-align: center;}
.advantagebox .title span{color: rgba(255,255,255,.75);}
.advantagebox .title p i{width: 75px;border-color: rgba(255,255,255,.5);}
.advantagebox .title p a{width: 270px;color: #fff;}
.advantagebox .title em svg{color: #fff;}

.advantagebox .w1440{padding: 50px 0 15px;}
.advantagebox ul{width: 102%;margin: 0 -1%;}
.advantagebox ul li{width: 25%;padding: 50px 1% 0;float: left;cursor: pointer;overflow: hidden;}
.advantagebox ul li .text{width: 100%;max-width: 330px;background: url(../images/icon2.png) center no-repeat;background-size: 100% 100%;position: relative;padding: 30% 7%;margin: 0 auto;}
.advantagebox ul li .pic{width: 120px;padding: 30px;background: #f2a200;border-radius: 50%;position: absolute;left: 50%;margin-left: -60px;top: -50px;font-size: 60px;color: #fff;line-height: 1;}
.advantagebox ul li .tit{width: 100%;padding: 7% 0;}
.advantagebox ul li .tit p{font-size: 30px;font-weight: 600;}
.advantagebox ul li .tit span{color: #808080;text-transform: uppercase;}
.advantagebox ul li .txt{width: 100%;height: 150px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;color: #666;line-height: 30px;margin-bottom: 15%;}
.advantagebox ul li .mor{border: 2px solid #e6e6e6;width: 120px;margin: 0 auto;overflow: hidden;font-size: 36px;color: #ccc;}

.advantagebox ul li:hover .text{background-image: url(../images/icon3.png);}
.advantagebox ul li:hover .pic{background: #fff;color: #f2a200;}
.advantagebox ul li:hover .tit p,
.advantagebox ul li:hover .tit span,
.advantagebox ul li:hover .txt{color: #fff;}
.advantagebox ul li:hover .mor{border-color:  #fff;background: #fff;color: #f2a200;}

@media only screen and (max-width:1250px){
.advantagebox{padding: 50px 0;}
.advantagebox .title p i{width: 60px;}
.advantagebox .title p a{width: 200px;}
.advantagebox .w1440{padding: 40px 0 10px;}
.advantagebox ul{width: 101%;margin: 0 -.5%;}
.advantagebox ul li{padding: 40px .5% 0;}
.advantagebox ul li .text{padding: 25% 5%;}
.advantagebox ul li .pic{width: 100px;padding: 25px;margin-left: -50px;top: -40px;font-size: 50px;}
.advantagebox ul li .tit{padding: 8% 0 5%;}
.advantagebox ul li .txt{height: 130px;line-height: 26px;margin-bottom: 12%;}
.advantagebox ul li .mor{width: 100px;font-size: 30px;}
}
@media only screen and (max-width:1024px){
.advantagebox{background-attachment: unset;background-size: cover;}
.advantagebox .title p::before,
.advantagebox .title p::after{background: rgba(255,255,255,.75);}
.advantagebox .title p a{width: 100%;}
.advantagebox .w1440{padding: 30px 0 10px;}
.advantagebox ul{width: calc(100% + 2px);margin: 0 -1px;}
.advantagebox ul li{padding: 30px 1px 0;}
.advantagebox ul li .text{padding: 50px 10px 40px;}
.advantagebox ul li .pic{width: 80px;padding: 20px;margin-left: -40px;top: -30px;font-size: 40px;}
.advantagebox ul li .tit{padding: 20px 0 10px;}
.advantagebox ul li .tit p{font-size: 24px;}
.advantagebox ul li .tit span{font-size: 12px;}
.advantagebox ul li .txt{height: 145px;line-height: 24px;margin-bottom: 10px;-webkit-line-clamp: 6;}
.advantagebox ul li .mor{width: 100px;font-size: 30px;border: 0;}
.advantagebox ul li:hover .mor{background: none;color: #fff;}
}
@media only screen and (max-width:768px){
.advantagebox{padding: 45px 0;}
.advantagebox .w1440{padding: 25px 0 0;}
.advantagebox ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: flex;flex-wrap: wrap;}
.advantagebox ul li{padding: 5px 1px;width: 50%;flex-shrink: 0;}
.advantagebox ul li .text{padding: 50px 8% 70px;height: 100%;}
.advantagebox ul li .pic{position: relative;top: auto;left: auto;margin: 0 auto;}
.advantagebox ul li .tit{padding: 20px 0 15px;}
.advantagebox ul li .txt{height: auto;line-height: 30px;margin-bottom: 15px;}
.advantagebox ul li .mor{position: absolute;left: 50%;margin-left: -50px;bottom: 40px;}
.advantagebox ul li:hover .mor{background: none;color: #fff;}
}
@media only screen and (max-width:480px){
.advantagebox{padding: 40px 0;}
.advantagebox ul li .text{padding: 40px 5% 60px;}
.advantagebox ul li .pic{width: 72px;padding: 18px;font-size: 36px;}
.advantagebox ul li .tit{padding: 15px 0 10px;}
.advantagebox ul li .txt{line-height: 24px;margin-bottom: 10px;}
.advantagebox ul li .mor{bottom: 35px;}
}

/* company */
.companybox{padding: 70px 0 80px;background: #f7f7f7 url(../images/bg2.jpg) center bottom no-repeat;}
.companybox .tit{width: 55%;float: left;max-width: 770px;line-height: 1;}
.companybox .tit span{font-size: 48px;font-weight: 600;color: #ddd;text-transform: uppercase;display: block;}
.companybox .tit p{padding: 5px 0 16px;font-size: 24px;font-weight: 600;}
.companybox .tit em{display: block;width: 50px;height: 2px;background: #062f80;}

.companybox .pic{width: 44%;float: right;max-width: 600px;overflow: hidden;}
.companybox .pic p{width: 100%;height: 0;position: relative;padding-bottom: 450px;}
.companybox .pic p img{position: absolute;min-width: 100%;height: 100%;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.companybox .pic:hover p{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}

.companybox .txt{width: 55%;max-width: 770px;float: left;padding-top: 30px;font-size: 15px;line-height: 30px;color: #666;height: 280px;}
.companybox .txt p{margin-bottom: 10px;text-indent: 2em;}

.companybox .mor{width: 55%;max-width: 770px;float: left;padding-top: 35px;}
.companybox .mor a{display: block;width: 120px;height: 40px;background: #333;color: #fff;text-transform: uppercase;text-align: center;line-height: 40px;}
.companybox .mor a:hover{background: #062f80;}

@media only screen and (max-width:1440px){
.companybox{padding: 60px 0 70px;}
}
@media only screen and (max-width:1250px){
.companybox{padding: 50px 0 60px;}
.companybox .tit span{font-size: 42px;line-height: 43px;}
.companybox .pic p{padding-bottom: 420px;}
.companybox .txt{padding-top: 20px;font-size: 14px;line-height: 26px;height: 265px;}
.companybox .mor{padding-top: 25px;}
}
@media only screen and (max-width:1024px){
.companybox{padding: 45px 0;}
.companybox .tit{width: 100%;max-width: 100%;text-align: center;padding-bottom: 25px;}
.companybox .tit span{font-size: 30px;line-height: 1;}
.companybox .tit p{padding: 5px 0 14px;}
.companybox .tit em{width: 50px;margin: 0 auto;}
.companybox .pic{width: 100%;max-width: 100%;}
.companybox .pic p{padding-bottom: 480px;}
.companybox .pic p img{width: 100%;height: auto;min-height: 100%;}
.companybox .txt{width: 100%;max-width: 100%;height: auto;padding: 20px 0 15px;}
.companybox .mor{width: 100%;max-width: 100%;padding-top: 0;}
}
@media only screen and (max-width:768px){
.companybox{padding: 40px 0 45px;}
.companybox .pic p{padding-bottom: 65%;}
}
@media only screen and (max-width:480px){
.companybox{padding: 35px 0 40px;}
.companybox .tit span{font-size: 24px;}
.companybox .tit p{font-size: 22px;padding: 7px 0 15px;}
.companybox .txt{line-height: 24px;padding: 15px 0 10px;}
}

/* news */
.newsbox{padding: 55px 0 45px;}
.newsbox .title p{max-width: 360px;}
.newsbox .title p a{width: 240px;}

.newsbox .w1440{padding: 30px 0 60px;}
.newsbox ul li{width: 33.33%;}
.newsbox ul li .pic{width: 100%;border: 15px solid #f0f0f0;background: #fff;overflow: hidden;}
.newsbox ul li .pic a{padding-bottom: 65%;background: #fff;}
.newsbox ul li .pic img{max-width: 85%;max-height: 85%;}
.newsbox ul li .txt{width: 100%;padding: 0 15px 15px;background: #f0f0f0;}
.newsbox ul li .txt br{display: none;}
.newsbox ul li .titl{width: 100%;padding: 10px 0;}
.newsbox ul li .titl a{font-size: 15px;font-weight: 600;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsbox ul li .text{width: 100%;overflow: hidden;line-height: 24px;height: 50px;color: #666;}
.newsbox ul li .time{width: 100%;padding-top: 10px;color: #666;overflow: hidden;line-height: 24px;}
.newsbox ul li .time span{float: left;margin-right: 5px;}
.newsbox ul li .time span svg{height: 24px;}

.newsbox ul li:hover .pic{border-color: #062f80;}
.newsbox ul li:hover .txt{background: #062f80;}
.newsbox ul li:hover .titl a,
.newsbox ul li:hover .text,
.newsbox ul li:hover .time{color: #fff;}

@media only screen and (max-width:1440px){
.newsbox{padding: 50px 0 40px;}
.newsbox .w1440{padding: 25px 0 50px;}
}
@media only screen and (max-width:1250px){
.newsbox{padding: 45px 0 30px;}
.newsbox .title p{max-width: 300px;}
.newsbox .title p a{width: 180px;}
.newsbox .w1440{padding: 20px 0 50px;}
.newsbox ul li .pic{border-width: 10px;}
.newsbox ul li .txt{padding: 0 10px 15px;}
.newsbox ul li .titl{padding: 5px 0;}
.newsbox ul li .time{padding-top: 5px;}
}
@media only screen and (max-width:1024px){
.newsbox{padding: 40px 0 30px;}
.newsbox .title p::before,
.newsbox .title p::after{width: 75px;}
.newsbox .title p a{width: 100%;}
.newsbox .w1440{padding: 15px 0 45px;}
.newsbox ul li .pic{border-width: 5px;}
.newsbox ul li .txt{padding: 0 10px 10px;}
.newsbox ul li .titl{padding: 5px 0 0;}
.newsbox ul li .text{padding-top: 5px;line-height: 20px;height: 45px;}
.newsbox ul li .time{padding-top: 5px;}
}
@media only screen and (max-width:480px){
.newsbox{padding: 35px 0 20px;}
.newsbox .w1440{padding: 15px 0 40px;}
.newsbox .w1440 .swiper-pagination-bullet{margin: 0 5px;}
}

/* contact */
.contactbox{padding: 70px 0;background: #062f80 url(../images/bg3.jpg) center bottom no-repeat;background-attachment: fixed;background-size: cover;}
.contactbox .titl{line-height: 1;overflow: hidden;width: 100%;float: left;padding: 35px 0 30px;position: relative;z-index: 3;}
.contactbox .titl p{overflow: hidden;font-size: 36px;font-weight: 600;position: relative;float: left;}
.contactbox .titl span{float: left;padding-top: 19px;font-size: 16px;}
.contactbox .titl span i{float: left;padding: 0 10px;}
.contactbox .titl em{display: none;}

.contactbox .txtbox{width: 38%;float: left;max-width: 520px;color: #fff;height: 490px;}
.contactbox .txtbox .titl a{color: #fff;}
.contactbox .txtbox .hot p,
.contactbox .txtbox .txt p{font-size: 15px;font-weight: 600;overflow: hidden;line-height: 24px;width: 100%;float: left;padding: 9px 0 10px 35px;position: relative;}
.contactbox .txtbox .hot em,
.contactbox .txtbox .txt em{font-style: normal;font-size: 24px;position: absolute;left: 0;top: 9px;}
.contactbox .txtbox .hot em svg,
.contactbox .txtbox .txt em svg{height: 24px;}

.contactbox .txtbox .hot{width: 100%;float: left;border: 1px solid rgba(255,255,255,.5);border-width: 1px 0;padding: 19px 0;position: relative;z-index: 5;}
.contactbox .txtbox .hot a{float: left;font-size: 42px;font-family: Arial;color: #fff;line-height: 1;}

.contactbox .txtbox .txt{width: 100%;float: left;padding-top: 20px;}

.orderbox{width: 60%;float: right;background: #fff;padding: 0 35px 15px;height: 490px;}
.orderbox .titl span{color: #808080;}
.orderbox ul{float: left;}
.orderbox ul li{float: left;margin-bottom: 20px;border: 1px solid #ddd;position: relative;width: 100%;overflow: hidden;line-height: 24px;}
.orderbox ul li .txt{padding: 12px 19px 12px 69px;width: 100%;display: block;line-height: 24px;height: 48px;}
.orderbox ul li .tit{width: 70px;position: absolute;left: 0;top: 12px;text-align: center;color: #808080;}
.orderbox ul li .red{width: 19px;color: red;position: absolute;right: 0;top: 50%;margin-top: -10px;text-align: center;}
.orderbox ul li.li_1{width: 49%;margin-right: 2%;}
.orderbox ul li.li_2{width: 49%;}
.orderbox ul li.li_4 .txt{height: 128px;}
.orderbox ul li.li_5{width: 38%;margin-right: 2%;}
.orderbox ul li.li_5 img{position: absolute;top: 50%;right: 19px;margin-top: -9px;cursor: pointer;}
.orderbox ul li.li_6{width: 60%;border: 0;background: none;}
.orderbox ul li.li_6 p{width: 100%;height: 50px;}
.orderbox ul li.li_6 p input{display: block;width: 100%;height: 100%;font-size: 15px;font-weight: 600;color: #fff;line-height: 50px;background: #062f80;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;}
.orderbox ul li.li_6 p.cz{display: none;}
.orderbox ul li.li_6 p:hover input{background: #f2a200;}

@media only screen and (max-width:1440px){
.contactbox{padding: 60px 0;}
}
@media only screen and (max-width:1250px){
.contactbox .titl{padding: 30px 0 20px;}
.contactbox .titl p{font-size: 30px;}
.contactbox .titl span{padding-top: 15px;font-size: 15px;}
.contactbox .txtbox{height: 420px;}
.contactbox .txtbox .hot{padding: 14px 0;}
.contactbox .txtbox .hot p,
.contactbox .txtbox .txt p{padding: 6px 0 8px 35px;}
.contactbox .txtbox .hot p em,
.contactbox .txtbox .txt p em{top: 6px;}
.contactbox .txtbox .txt{padding-top: 14px;}
.orderbox{height: 420px;padding: 0 30px 15px;}
.orderbox ul li{margin-bottom: 15px;}
.orderbox ul li .txt{padding: 10px 19px 10px 69px;height: 44px;}
.orderbox ul li .tit{top: 10px;}
.orderbox ul li.li_4 .txt{height: 120px;}
.orderbox ul li.li_6 p{height: 46px;}
.orderbox ul li.li_6 p input{line-height: 46px;}
}
@media only screen and (max-width:1024px){
.contactbox{padding: 45px 0 50px;background-attachment: unset;}
.contactbox .titl{padding: 25px 0 15px;}
.contactbox .titl p{font-size: 24px;}
.contactbox .titl span{padding-top: 14px;font-size: 10px;}
.contactbox .txtbox{height: 400px;}
.contactbox .txtbox .hot a{font-size: 36px;}
.orderbox{height: 400px;padding: 0 20px 10px;}
.orderbox ul li.li_5{width: 200px;}
.orderbox ul li.li_6{width: calc(98% - 200px);}
}
@media only screen and (max-width:768px){
.contactbox{padding: 15px 0 40px;}
.contactbox .titl{padding: 25px 5px 20px;}
.contactbox .titl p{font-size: 30px;}
.contactbox .titl span{padding-top: 15px;font-size: 15px;}
.contactbox .txtbox{height: auto;width: 100%;max-width: 100%;}
.contactbox .txtbox .titl{padding: 25px 5px 20px;}
.contactbox .txtbox .hot,
.contactbox .txtbox .txt{padding: 14px 5px 20px;}
.orderbox{width: 100%;height: auto;}
}
@media only screen and (max-width:480px){
.contactbox .titl p{font-size: 24px;}
.contactbox .titl span{padding-top: 14px;font-size: 10px;}
.orderbox{padding: 0 15px 15px;}
.orderbox ul li{margin-bottom: 10px;}
.orderbox ul li .txt{height: 40px;padding: 8px 19px 8px 69px;}
.orderbox ul li .tit{top: 8px;}
.orderbox ul li.li_1,
.orderbox ul li.li_2{width: 100%;margin-right: 0;}
.orderbox ul li.li_5{width: 210px;}
.orderbox ul li.li_6{width: 100%;}
}

/* links */
.linkbox{padding: 15px 0;line-height: 24px;}
.linkbox ul{width: 100%;overflow: hidden;padding-left: 85px;position: relative;min-height: 24px;}
.linkbox ul p{position: absolute;left: 0;top: 0;}
.linkbox ul li{display: inline;padding: 0 5px;}
.linkbox ul li a{white-space: nowrap;}

@media only screen and (max-width:1024px){
.linkbox{display: none;}
}